<template>
  <el-container>
<!--    <el-aside width="200px" style="margin-top: 20px">
      <el-menu style="border: 0">
        <el-menu-item index="/personal/info">个人信息</el-menu-item>
        <el-menu-item index="/personal/audit">身份认证</el-menu-item>
      </el-menu>
    </el-aside>
    <el-main>
      <router-view/>
    </el-main>-->
    <div style="width: 1200px;margin: 0 auto;margin-top: 80px">
      <el-row :gutter="10">
        <el-col span="4">
          <el-card style="height: 500px;margin-top: 20px">
            <el-aside width="200px" style="margin-top: 20px">
              <el-menu style="border: 0">
                <el-menu-item @click="info()">
                  <i class="el-icon-user-solid" style="margin-right: 100px">个人信息</i>
                </el-menu-item>
                <el-menu-item @click="audit()">
                  <i class="el-icon-user" style="margin-right: 100px">审核认证</i>
                </el-menu-item>
              </el-menu>
            </el-aside>
          </el-card>
        </el-col>
        <el-col span="20">
          <el-main>
            <router-view/>
          </el-main>
        </el-col>
      </el-row>
    </div>
  </el-container>
</template>

<script>
export default {
  name: "PersonalView",
  methods: {
    info() {
      this.$router.push('/personal/info')
    },
    audit(){
      this.$router.push('/personal/audit')
    }
  },
}
</script>

<style scoped>

</style>